<!--
* @Author: your name
* @Date: 2021-01-20 11:11:19
 * @LastEditTime: 2021-02-26 09:45:04
 * @LastEditors: Please set LastEditors
* @Description: VueSax-UI框架
* @FilePath: \vue_plugins\src\views\vuesax\index.vue
-->
<template>
<div class="container">
    <van-nav-bar
        title="vuesax-ui框架"
        :border="false"
        fixed
        left-arrow
        @click-left="$router.go('-1')"
    />
    <vs-row justify="space-around">
      <vs-col >
        <vs-button class="f12">按钮</vs-button>
        <vs-button class="f12">按钮</vs-button>
      </vs-col>
    </vs-row>
    <vs-button class="f12" type="line">Primary</vs-button>
<vs-button class="f12" line-origin="left" color="success" type="line">Success</vs-button>
<vs-button class="f12" color="danger" type="line">Danger</vs-button>
<vs-button class="f12" line-position="top" line-origin="left" color="warning" type="line">Warning</vs-button>
<vs-button class="f12" line-position="top" line-origin="right" color="dark" type="line">Dark</vs-button>
<vs-button class="f12" disabled type="line">Disabled</vs-button>
    
</div>
</template>

<script>
export default {
    
}
</script>

<style lang="less" scoped>
.container{
    .f12{
        font-size: 30px;
    }
}
</style>